<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </meta>
    <title>中国教育考试网 - National Education Examinations Authority</title>
    <link rel="stylesheet" href="css/base.css" type="text/css">
    <link rel="stylesheet" href="css/main.css" type="text/css">
    </link>
</head>

<body>
    <!-- 1.页面头部 -->
    <header>
        <!-- 顶部横栏：左 logo，右辅助链接与搜索 -->
        <div class="header-top w1200">
            <div class="logo">
                <h1><img src="images/title.png" alt="中国教育考试网"></h1>
            </div>
            <div class="header-right">
                <div class="header-links">
                    <a href="#">关于我们</a>
                    <a href="#">ENGLISH</a>
                </div>
                <form class="header-search" action="#" method="get">
                    <input type="text" placeholder="请输入关键字">
                    <button type="submit" class="search-btn" aria-label="搜索"></button>
                </form>
            </div>
        </div>
    </header>

    <!-- 2.页面导航 -->
    <nav class="w1200">
        <ul>
            <li><img src="images/导航栏首页.png" alt="首页"></li>
            <li><a href="#">考试资讯</a></li>
            <li><a href="#">公示公告</a></li>
            <li><a href="#">考试项目</a></li>
            <li><a href="#">考试报名</a></li>
            <li><a href="#">成绩查询</a></li>
            <li><a href="#">证书查询</a></li>
            <li><a href="#">考试研究</a></li>
        </ul>
    </nav>

    <!-- 3. 页面主体 -->
    <main>
        <!-- 3.1 轮播图 -->
        <section class="carousel" aria-label="主页轮播">
            <button class="carousel-btn prev" aria-label="上一张">&#10094;</button>
            <button class="carousel-btn next" aria-label="下一张">&#10095;</button>

            <div class="slides">
                <img src="images/答卷人轮播图1.png" alt="答卷人">
                <img src="images/体系轮播图2.png" alt="《中国高考评价体系》正式发布">
                <img src="images/大纲轮播图3.png" alt="教育综合考试大纲">
            </div>

            <div class="carousel-dots" aria-hidden="true">
                <button class="dot" data-index="0" aria-label="跳到第1张"></button>
                <button class="dot" data-index="1" aria-label="跳到第2张"></button>
                <button class="dot" data-index="2" aria-label="跳到第3张"></button>
            </div>
        </section>
        <hr>

        <!-- 主体两栏：左主体内容、右侧栏（包含新闻与服务） -->
        <div class="w1200">
            <div class="main-left">
                <!-- 左边主内容 -->
                <!-- 考试资讯和公示公告 -->
                <section class="news-area">
                    <div class="news-tabs" role="tablist" aria-label="新闻切换">
                        <button class="tab active" role="tab" aria-selected="true" data-target="news-left">考试资讯</button>
                        <button class="tab" role="tab" aria-selected="false" data-target="news-right">公示公告</button>
                    </div>
                    <div class="news-left" id="news-left">
                        <h3>考试资讯</h3>
                        <h4>2025年全国普通高校招生考试安全工作视频会议召开</h4>
                        <p class = textp>4月25日，教育部会同国家教育统一考试工作部际联席会议成员单位，召开2025年全国普通高校招生考试安全工作视频会议，深入学习贯彻党的二十大和二十届二中、三中全会精神，贯彻落实全国教育大会...
                        </p>
                        <ul class="news-list">
                            <li>教育部部署2026年全国硕士研究生考试招生工作</li>
                            <li>教育部办公厅关于做好2025年全国成人高校招生工作的通知</li>
                            <li>坚持底线思维 筑牢安全防线 教育部会同有关部门全力保障2025年高考安全</li>
                            <li>教育部部署开展“2025高考护航行动”</li>
                            <li>2025年5月书画等级考试（CCPT）报名工作启动</li>
                            <li>关于开展2025年上半年中小学教师资格考试（笔试）</li>
                        </ul>
                    </div>

                    <div class="news-right" id="news-right" hidden>
                        <h3>公示公告</h3>
                        <ul class="announce-list">
                            <li><span>2025年起国家教育考试将对特殊考生提供额外便利公告</span><span class="date">2025-09-02</span></li>
                            <li><span>关于2025年国家教育考试报名系统优化升级的公告</span><span class="date">2025-08-22</span></li>
                            <li><span>教育部教育考试院关于申报2025年度国家教育考试科研规划课题的公告</span><span class="date">2025-04-25</span></li>
                            <li><span>关于征集2025年度教育考试科研项目选题的通知</span><span class="date">2024-12-31</span></li>
                            <li><span>“教育部教育考试院——英国文化教育协会 英语测评科研课题”第二批课题结题鉴定</span><span class="date">2024-09-19</span>
                            </li>
                            <li><span>2024年度国家教育考试科研规划课题立项名单公布</span><span class="date">2024-09-06</span></li>
                            <li><span>关于2024年度国家教育考试科研规划课题拟立项名单的公示</span><span class="date">2024-08-28</span></li>
                        </ul>
                        <a href="#" class="more">更多&gt;&gt;</a>
                    </div>
                </section>
                <hr>

                <article>
                    <div>
                        <h1>考试项目</h1>
                        <h4>国家教育考试</h4>
                        <p>普通高考 | 成人高考 | 研究生考试 | 自学考试 | 中小学教师资格考试 | 同等学力申请硕士学位考试</p>
                    </div>
                    <hr>
                    <h4>社会证书考试</h4>
                    <p>
                        全国大学英语四、六级考试(CET) | 全国计算机等级考试(NCRE) | 全国计算机应用水平考试(NIT) |
                        全国外语水平考试(WSK) | 全国外语水平考试(WSK) | 书画等级考试(CCPT) |
                        中国少数民族汉语水平等级考试(MHK)
                    </p>
                    <hr>

                    <h4>海外考试</h4>
                    <p>
                        托福网考®(TOEFL iBT®) | 雅思(IELTS) | 德福(TestDaF) | 日本语能力测试(JLPT)
                        韩国语能力考试 (TOPIK) | GRE®考试(GRE®) | 美国管理学研究生入学考试(GMAT)
                        剑桥商务英语考试 (BEC) | 法语(DELF-DALF) | 对外西班牙语水平证书考试（DELE）
                        美国法学院入学考试 (LSAT) | 巴西葡萄牙语(GELPE-BRAS) | 剑桥少儿英语 (CYLE)
                    </p>
                    <hr>

                    <h4>其他</h4>
                    <p>国家外语能力测试体系</p>
                </article>
            </div>

            <!-- 侧边：考试服务区域 -->
            <aside class="sidebar">
                <aside class="exam-services">
                    <h1>考试服务</h1>
                    <span>
                        <img src="images/咨询电话.png" alt="咨询电话" class = "phone-icon">
                        咨询电话
                    </span>
                    <hr>
                    <div>
                        <img src="images/考试报名.png" alt="考试报名">
                        考试报名
                        <div class="service-links">
                            <a href="#">中小学教师资格考试(NTCE)</a>
                            <a href="#">全国大学英语四、六级考试(CET)</a>
                            <a href="#">全国计算机等级考试(NCRE)</a>
                            <a href="#">全国英语等级考试(PETS)</a>
                            <a href="#">美国研究生入学考试(GRE)|托福(TOEFL)</a>
                            <a href="#">雅思(IELTS)</a>
                            <a href="#">. . .</a>
                        </div>
                    </div>
                    <hr>

                    <div>
                        <img src="images/成绩查询.png" alt="成绩查询">
                        成绩查询
                        <div class="service-links">
                            <a href="#">中小学教师资格考试(NTCE)</a>
                            <a href="#">同等学力申请硕士学位考试</a>
                            <a href="#">全国大学英语四、六级考试(CET)</a>
                            <a href="#">全国计算机等级考试(NCRE)</a>
                            <a href="#">全国英语等级考试(PETS)</a>
                            <a href="#">全国外语水平考试(WSK)</a>
                            <a href="#">. . .</a>
                        </div>
                    </div>
                    <hr>

                    <div>
                        <img src="images/证书查询.png" alt="证书查询">
                        证书查询
                        <div class="service-links">
                            <a href="#">中小学教师资格考试(NTCE)</a>
                            <a href="#">全国大学英语四、六级考试(CET)</a>
                            <a href="#">全国计算机等级考试(NCRE)</a>
                            <a href="#">全国计算机应用水平考试(NIT)</a>
                            <a href="#">全国英语等级考试(PETS)</a>
                            <a href="#">全国外语水平考试(WSK)</a>
                            <a href="#">. . .</a>
                        </div>
                    </div>
                    <hr>

                    <div>
                        <img src="images/证书(成绩单)验证.png" alt="证书(成绩单)验证">
                        证书(成绩单)验证
                        <div class="service-links">
                            <a href="#">中小学教师资格考试(NTCE)</a>
                            <a href="#">全国大学英语四、六级考试(CET)</a>
                            <a href="#">全国计算机等级考试(NCRE)</a>
                            <a href="#">全国计算机应用水平考试(NIT)</a>
                            <a href="#">. . .</a>
                        </div>
                    </div>
                    <hr>

                    <div>
                        <img src="images/补办合格证明书.png" alt="补办合格证明书">
                        补办合格证明书
                        <div class="service-links">
                            <a href="#">全国计算机等级考试(NCRE)</a>
                            <a href="#">全国英语等级考试(PETS)</a>
                            <a href="#">. . .</a>
                        </div>
                    </div>
                    <hr>

                    <div>
                        <img src="images/补办成绩证明.png" alt="补办成绩证明">
                        补办成绩证明
                        <div class="service-links">
                            <a href="#">全国大学英语四、六级考试(CET)</a>
                            <a href="#">全国外语水平考试(WSK)</a>
                        </div>
                    </div>
                    <hr>

                    <div>
                        <img src="images/补办证书.png" alt="补办证书">
                        补办证书
                        <div class="service-links">
                            <a href="#">书画等级考试(CCPT) ></a>
                        </div>
                    </div>
                    <hr>

                    <div>
                        <h1>考试研究</h1>
                        <a href="#">科研信息服务管理平台入口</a>
                        <div class="service-links">
                            <a href="#">选题征集</a>
                            <a href="#">项目申报 </a>
                            <a href="#">过程管理</a>
                            <a href="#">项目评审</a>
                        </div>
                    </div>
                </aside>
            </aside>
        </div>
        <hr>

        <!-- 底部照片 -->
        <section class="brand-row">
            <img src="images/底部1.png" alt="《中国考试》杂志"></img>
            <img src="images/底部2.png" alt="国家外语能力测试体系"></img>
            <img src="images/底部3.png" alt="自学考试分会"></img>
        </section>

    </main>
    <hr>

    <!-- 4. 页面底部 -->
    <footer>
        <div>
            <img src="images/事业单位.png" alt="事业单位"></img>
        </div>

        <div>
            <p>主办单位：教育部教育考试院　　</p>
            <address>京ICP备05064772号-1　　 京公网安备 11040202430017号</address>
            <p>建议您使用Edge、Chrome、Firefox、360等主流浏览器浏览本网站</p>
            <p>友情链接：中华人民共和国教育部 省级教育考试机构</p>
        </div>

    </footer>

    <script src="script.js"></script>

</body>

</html>